{% load i18n %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <title>{% if title %}{{ title }}{% else %}{% trans "lomoo" %}{% endif %}</title>
    <link rel="stylesheet" href="/static/screen.css?v=1" type="text/css" media="screen" />
    {% if not pic %}
    <style type="text/css" media="screen">
      body { background: #000 url("/static/bg.jpg") no-repeat scroll center top; }
    </style>
    {% else %}
    <noscript> <!-- if javascript is turned off, always show the middle sized image -->
      <style type="text/css" media="screen">
        body { background: #000 url("/picture/{{ pic.key.id }}_m.jpg") no-repeat scroll center top; }
      </style>
    </noscript>
    {% endif %}
    <link rel="alternate" type="application/rss+xml" href="/feed" />
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
    <script type="text/javascript">
      var LM = {
          version: 0.1
      };

      LM.pic = {
          id: {{ pic.key.id|default:"undefined" }}
      };
    </script>
    {% block head %}
    {% endblock %}
  </head>
  <body id="lomoo">
    <div id="wrapper">
      <div id="header">
        <div class="column">
	      <ul class="reset nav" id="nav">
	        <li{% if menu_home %} class="selected"{% endif %}><a href="/">{% trans "home" %}</a></li>
	        <li{% if menu_album %} class="selected"{% endif %}><a href="/album">{% trans "albums" %}</a></li>
	        <li{% if menu_about %} class="selected"{% endif %}><a href="/about">{% trans "about" %}</a></li>
	      </ul>
        </div>
      </div>
      <div id="content">
        <div class="column">
	      {% block content %}{% endblock %}
        </div>
      </div>
      <div id="push"></div>
    </div>
    <div id="footer">
      <div class="column">
        {% block footer %}{% endblock %}
      </div>
    </div>
  </body>
</html>
